<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Registration - Edu N Era</title>

  <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0" /> 
  <link rel="stylesheet" media="all" href="style.css" type="text/css">
</head>

<body>
<!--

	Author Details

	==============



	Author: Dogan Akcay

	Author URL: DoganAkcay.com



	Attribution( is must on every page, where this work is used. should be visible to naked eye and Search engine bot[ means should not use noindex, nofollow relations ]):



	// a healty attribution looks like following

	<a href="http://DoganAkcay.com" target="_blank">Design by DoganAkcay.com </a>


 -->
  <div class="wrap">
    <header>
      <div class="logo"><a href="index.html"><img src="images/33nazrc.png" alt=" mobile website " width="189" height="44"/></a></div>
      <div class="options">
      	<ul>
      		<li>Search</li>
      		<li>Menu</li>
      	</ul>
      </div>
      <div class="clear"></div>
	    <div class="search-box">
	    	<form action="#">
	    		<input type="text" placeholder="search course" />
	    		<input type="submit" value="Go" />
	    	</form>
	    	<div class="clear"></div>
	    </div>
	    <nav class="vertical menu">
	    	<ul>
	            <li><a href="index.html">Home</a></li>
	           
	            <li><a href="login.html">Login</a></li>
	            <li><a href="registration.html">Registration</a></li>
        	</ul>
	    </nav>
    </header>
    
        
    <div class="content">
    	<article>
    	<h2 class="underline">Registration Form</h2>
			<form action="#" method="post" class="label-top">
			    <div>
			         <label for="name">Name <span class="red">*</span></label>
			         <input type="text" name="name" id="name" value="" tabindex="1" />
			    </div>
			    <div>
			         <label for="email">Email ID <span class="red">*</span></label>
			         <input type="text" name="email" id="email" value="" tabindex="1" />
			    </div>
			    <div>
			         <label for="subject">Password <span class="red">*</span></label>
			         <input type="text" name="subject" id="subject" value="" tabindex="1" />
			    </div>
			    
				<div>
				    <input type="submit" value="Submit" />
			    </div>
			</form>
    </article>
    </div>
    <footer>
    	<p>&copy; Edu N Era</p>
    </footer>
  </div>
 
<script src="js/jquery.min.js"></script>
<script type="text/javascript">
   window.addEventListener("load",function() {
	  // Set a timeout...
	  setTimeout(function(){
	    // Hide the address bar!
	    window.scrollTo(0, 1);
	  }, 0);
	});
   $('.search-box,.menu' ).hide();   
   $('.options li:first-child').click(function(){	
   		$(this).toggleClass('active'); 	
   		$('.search-box').toggle();        			
   		$('.menu').hide();  		
   		$('.options li:last-child').removeClass('active'); 
   });
   $('.options li:last-child').click(function(){
   		$(this).toggleClass('active');      			
   		$('.menu').toggle();  		
   		$('.search-box').hide(); 
   		$('.options li:first-child').removeClass('active'); 		
   });
   $('.content').click(function(){
   		$('.search-box,.menu' ).hide();   
   		$('.options li:last-child, .options li:first-child').removeClass('active');
   });
</script>
<!--
Author Details

	==============



	Author: Dogan Akcay

	Author URL: DoganAkcay.com



	Attribution( is must on every page, where this work is used. should be visible to naked eye and Search engine bot[ means should not use noindex, nofollow relations ]):



	// a healty attribution looks like following

	<a href="http://DoganAkcay.com" target="_blank">Design by DoganAkcay.com </a>


 -->
</body>
</html>
